<!DOCTYPE html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="stylesheet" href="./css/font-awesome.css">
  <link rel="stylesheet" href="./css/xadmin.css">
  <link rel="stylesheet" href="./lib/layui/css/layui.css">
  <link rel="stylesheet" href="./lib/cropper/cropper.css">
  <link rel="stylesheet" href="/youdianda_static/css/vip.css">
  <!-- <script type="text/javascript" src="./js/xadmin.js"></script> -->
  <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

<body>
  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <section class="main">
        <form class="layui-form" id="form">
          <div class="layui-form-item">
            <label class="layui-form-label">用户名</label>
            <div class="layui-input-inline">
              <input type="username" id="username" name="username" placeholder="请输入用户名" autocomplete="off"
                class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">手机号</label>
            <div class="layui-input-inline">
              <input type="text" name="phone" id="mobile" placeholder="请输入手机号" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">选择框</label>
            <div class="layui-input-block">
              <select name="city" id="stateSelect">
                <option value="">请选择</option>
                <option value="0">男</option>
                <option value="1">女</option>
              </select>
            </div>
          </div>
          <div class="layui-form-item">
            <div class="layui-input-block">
              <button class="layui-btn" lay-submit lay-filter="formDemo">搜索</button>
              <button type="reset" id="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
          </div>
        </form>
        <div class="action-box">
          <div class="left_box">
            <button type="button" id="addData" class="layui-btn layui-btn-primary layui-border-blue">新增</button>
            <!-- 导出excel文件 -->
            <button type="button" onclick="exportExcel()" class="layui-btn layui-btn-primary layui-border-orange">导出</button>
          </div>
          <div class="right_box">
            <span class="radius offSearch" title="关闭搜索区">
              <i class="layui-icon layui-icon-up"></i>
            </span>
            <span class="radius refresh" title="刷新">
              <i class="layui-icon layui-icon-refresh-1"></i>
            </span>
            <span class="radius filter_tbody">
              <i class="layui-icon layui-icon-app"></i>
              <div class="filter_box">
                <div><input checked type="checkbox" data-aa="1" class="filter_wx_id"> 用户ID</div>
                <div><input checked type="checkbox" data-aa="2" class="filter_wx_username"> 用户名</div>
                <div><input checked type="checkbox" data-aa="3" class="filter_wx_phone"> 手机号</div>
                <div><input checked type="checkbox" data-aa="4" class="filter_wx_headImg"> 用户头像</div>
                <div><input checked type="checkbox" data-aa="5" class="filter_wx_sex"> 性别</div>
                <div><input checked type="checkbox" data-aa="6" class="filter_wx_year"> 出生年月</div>
              </div>
            </span>
          </div>
        </div>
        <table class="layui-table wx_table">
          <colgroup>
            <col>
            <col class="wx_id">
            <col class="wx-username">
            <col class="wx-phone">
            <col class="headImg">
            <col class="wx_sex">
            <col class="wx_year">
            <col>
          </colgroup>
          <thead>
            <tr>
              <th>#</th>
              <th class="wx_id">用户ID</th>
              <th class="wx-username">用户名</th>
              <th class="wx-phone">手机号</th>
              <th class="headImg">用户头像</th>
              <th class="wx_sex">性别</th>
              <th class="wx_year">出生年月</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody id="tbody">
            <!-- <tr>
                <td>1</td>
                <td>用户ID</td>
                <td>手机名</td>
                <td>手机号</td>
                <td><img src=""></td>
                <td>性别</td>
                <td>出生年月</td>
                <td>
                  <span class="radius edit">
                    <i class="layui-icon layui-icon-edit"></i>
                  </span>
                  <span class="radius remove">
                    <i class="layui-icon layui-icon-delete"></i>
                  </span>
                </td>
              </tr> -->
          </tbody>
        </table>

        <!-- 分页器 -->
        <div id="page-box"></div>
    </div>
    </section>
  </div>
  </div>
</body>
<script src="./lib/jquery.js"></script>
<script src="./lib/layui/layui.all.js"></script>
<script src="./lib/axios.min.js"></script>
<script src="./js/ajaxBase.js"></script>
<script src="./lib/cropper/Cropper.js"></script>
<script src="./lib/cropper/jquery-cropper.js"></script>
<!-- 引入实现导出excel表的js外部文件 -->
<script src="https://cdn.bootcdn.net/ajax/libs/xlsx/0.16.9/xlsx.full.min.js"></script>
<script src="./js/vip.js"></script>

</html>